<template>
    <div class="dashboard-container">

    </div>
</template>

<script>

    export default {
        name: 'Dashboard',
        metaInfo: {
            title: '我是contact头', // set a title
            meta: [{             // set meta
                name: 'keyWords',
                content: '我是contact关键字'
            },
                {
                    name: 'description',
                    content: '我是contact描述'
                }],
            link: [{ // set link
                rel: 'asstes',
                href: 'https://assets-cdn.github.com/'
            }]
        },
        data() {
            return {
                eleCard:{},//cart的ref
                formInline: {},

                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '123'
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '123'
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '123'
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '123'
                }]
            }
        },
        computed: {
            notRun() {
                return this.balls.filter(v => !v.run)
            }
        },
        mounted() {
          this.eleCard=this.$refs.cart;
        },
        components: {
            // VueDragResize
        },
        methods: {
            createProject() {
                this.$refs.addProject.dialogVisible = true;
            },


        }
    }
</script>
<style lang="scss">
    .pagination_box {
        .el-pagination__total {
            margin-left: 24px;
        }
    }

    .vdr.active {
        background: rgb(255, 255, 255);

        /*box-shadow: rgb(136 136 136) 10px 10px 5px;*/
    }
    .box{
        position: absolute;
        top: 60px;
        right: 40px;
        width:20px;
        height:20px;
        font-size: 16px;
        color: rgb(0,160,220);
        transform: translateX(-20px);
    }
</style>
<style lang="scss" scoped>
    @import "~@/styles/mixin.scss";

    .dashboard {
        &-container {
            height: 100%;
            margin: 30px;

            .search_box, .btn_box {
                @include scrollLf;

                .el-tag {
                    margin-left: 10px;
                }
            }

            .tab_box {
                margin-top: 20px;
                /* max-height: calc(100% - 150px); */
                height: calc(100% - 210px);
                position: relative;
                overflow: auto !important;

                .set_box {
                    @include scrollCenter;

                    .el-link {
                        margin: 0 10px;
                    }
                }
            }

            .pagination_box {
                @include scrollLf;

                .el-pagination__total {
                    margin-left: 10px;
                }
            }

        }

        &-text {
            font-size: 30px;
            line-height: 46px;
        }
    }
</style>
